<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入偏好图标 -->
    <link rel="shortcut icon" href="/img/favicon.ico">
    <link rel="stylesheet" href="/fonts/iconfont.css">
    <title>熊猫优选首页</title>
    
    <!-- 引入轮播插件 -->
    <link rel="stylesheet" href="/libs/css/swiper-bundle.min.css">
    <!-- <link rel="stylesheet" href="/css/abc.css"> -->
    <link rel="stylesheet" href="/css/index.css">
</head>

<body>
    <header> 
    </header>
    <main>
      <!-- 菜单部分 -->
  <div id="menu">
    <div class="container">
      <ul>
        <li class="active"><a href="/index.html">首页</a></li>
        <li><a href="/html/parcelPost.html">9块9包邮</a></li>
        <li><a href="/html/coupon.html">超值大额券</a></li>
        <li><a href="/html/wearAndMatch.html">降温急救穿搭</a></li>
      </ul>
    </div>
  </div>
  <!-- 商品分类、banner -->
  <div id="cont">
    <div class="container">
      <!-- 商品分类 -->
      <ul class="product-sort">
        <li>
          <div class="list">
            <span class="iconfont icon-nvzhuang"></span>
            <div>
              <a href="#">女装</a>
              <span>/</span>
              <a href="#">女鞋</a>
            </div>
          </div>
        </li>
        <li>
          <div class="list">
            <span class="iconfont icon-nanzhuang"></span>
            <div>
              <a href="#">男装</a>
              <span>/</span>
              <a href="#">男鞋</a>
            </div>
          </div>
        </li>
        <li>
          <div class="list">
            <span class="iconfont icon-meizhuangleimu"></span>
            <div>
              <a href="#">美妆</a>
              <span>/</span>
              <a href="#">个护</a>
            </div>
          </div>
        </li>
        <li>
          <div class="list">
            <span class="iconfont icon-xiangbao"></span>
            <div>
              <a href="#">配饰</a>
              <span>/</span>
              <a href="#">箱包</a>
            </div>
          </div>
        </li>
        <li>
          <div class="list">
            <span class="iconfont icon-lingshi"></span>
            <div>
              <a href="#">零食王国</a>
            </div>
          </div>
        </li>
        <li>
          <div class="list">
            <span class="iconfont icon-muying"></span>
            <div>
              <a href="#">母婴用品</a>
            </div>
          </div>
        </li>
        <li>
          <div class="list">
            <span class="iconfont icon-shouji1"></span>
            <div>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">数码</a>
            </div>
          </div>
        </li>
        <li>
          <div class="list">
            <span class="iconfont icon-nvzhuangneiyi"></span>
            <div>
              <a href="#">内衣袜子</a>
            </div>
          </div>
        </li>
        <li>
          <div class="list">
            <span class="iconfont icon-jiaju"></span>
            <div>
              <a href="#">文娱</a>
              <span>/</span>
              <a href="#">家居</a>
            </div>
          </div>
        </li>
      </ul>
      <!-- main -->
      <div class="main">
        <!-- 轮播 -->
        <div class="swiper">
          <div class="swiper-wrapper">
            <!-- 动态渲染 -->
          </div>
          <!-- 如果需要分页器 -->
          <div class="swiper-pagination"></div>
          <!-- 如果需要导航按钮 -->
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
        </div>
        <!-- 优惠券部分 -->
        <div class="classify">
          <div class="left" onclick="location.href='/html/wearAndMatch.html'">
            <span>
              <h3>降温急救穿搭</h3>
              <p>速来抢购~</p>
              <button>Go</button>
            </span>
            <img src="/img/banner_bt_01.webp" alt="">
          </div>
          <div class="right" onclick="location.href='/html/coupon.html'">
            <span>
              <h3>超值大额券</h3>
              <p>优惠直抵低价</p>
              <button>Go</button>
            </span>
            <img src="/img/banner_bt_02.webp" alt="">
          </div>
        </div>
      </div>
      <!-- user -->
      <div class="user">
        <div class="header">
          <a href="#"><img src="/img/logo.png" alt=""></a><br>
          <p><span class="userName">hi,</span>你好</p>
          <!-- 动态渲染 -->
        </div>
        <div class="notice">
          <p><span>公告</span>新鲜事儿都在这里~</p>
          <p><span>热点</span>设计创享家3D设计服务大赛来袭！</p>
          <p><span>热点</span>全球新发现，好物开抢就现在！</p>
          <p><span>热点</span>万款新品流行速递抢先看</p>
        </div>
        <div class="download">
          <div class="left">
            <p>扫码下载APP</p>
            <p>发现更多惊喜</p>
          </div>
          <img src="/img/banner_bt_03code.png" alt="">
        </div>

      </div>
    </div>
  </div>
  <!-- 商品列表 -->
  <div id="productList">
    <div class="container">
      <div class="cart">
        <h3>小编精选</h3>
        <p>每日更新</p>
      </div>
      <div class="productList">
        <!-- 动态渲染 -->
      </div>
      <div class="showMore">
        <button>查看更多</button>
      </div>
    </div>
  </div>
  
    </main>
    <footer>
     
    </footer>
</body>
<script src="/libs/requirejs/require.min.js" data-main="/js/index"></script>


</html>